<template>
	<div id="OrderInfo">
		<x-header :left-options="{showBack: false}" title="订单详情" class="header">
			<a slot="left" @click="back()"><i class="tp-icon icon-black-back"></i></a>
		</x-header>
		<div class="title-bar" :style="note">
			<div class="wait" v-if="auctionOrder.pay_state == 0">
				<i class="re-icon icon-time"></i>
				<span>等待买家支付</span>
			</div>
			<div class="wait" v-if="auctionOrder.pay_state == 1 && goodsOrder.order_state == 20">
				<i class="re-icon icon-time"></i>
				<span>买家已付款</span>
			</div>
			<div class="wait" v-if="auctionOrder.pay_state == 1 && goodsOrder.order_state == 30">
				<i class="re-icon icon-time"></i>
				<span>已发货</span>
			</div>
			<div class="wait" v-if="auctionOrder.pay_state == 1 && goodsOrder.order_state == 40">
				<i class="re-icon icon-time"></i>
				<span>交易完成</span>
			</div>

			<div class="wait" v-if="goodsOrder.order_state == 35 && goods_return.return_state == null">
				<i class="re-icon icon-time"></i>
				<span>确认退货信息</span>
			</div>
			<div class="wait" v-if="goodsOrder.order_state == 36 && goods_return.express_number == null">
				<i class="re-icon icon-time"></i>
				<span>等待买家退货</span>
			</div>
			<div class="wait" v-if="goodsOrder.order_state == 36 && goodsOrder.pay_state != 2 && goods_return.express_number != null">
				<i class="re-icon icon-time"></i>
				<span>买家退货已发</span>
			</div>
			<div class="wait" v-if="goodsOrder.pay_state == 2">
				<i class="re-icon icon-time"></i>
				<span>交易失败</span>
			</div>

			<!--买家未付款-->
			<div class="pay-time" v-if="auctionOrder.pay_state == 0">
				<count-down :currentTime="parseInt(curTime)" :startTime="auctionOrder.order_time" :endTime="auctionOrder.order_time+ 86400 * 3" :tipText="'距开始'" :tipTextEnd="'发货截止'" :endText="'交易关闭'" :dayTxt="'天'" :hourTxt="'时'" :minutesTxt="'分'" :secondsTxt="'秒'"></count-down>
				<p>超时订单自动取消</p>
			</div>
			<!--待发货-->
			<div class="pay-time" v-if="auctionOrder.pay_state == 1 && goodsOrder.order_state == 20">
				<count-down :currentTime="parseInt(curTime)" :startTime="auctionOrder.order_time" :endTime="auctionOrder.order_time+ 86400 * 3" :tipText="'距开始'" :tipTextEnd="'发货截止'" :endText="'交易关闭'" :dayTxt="'天'" :hourTxt="'时'" :minutesTxt="'分'" :secondsTxt="'秒'"></count-down>
				<p>超时订单自动取消</p>
			</div>
			<!--已发货-->
			<div class="pay-time" v-if="auctionOrder.pay_state == 1 && goodsOrder.order_state == 30">
				<count-down :currentTime="parseInt(curTime)" :startTime="auctionOrder.express_time" :endTime="sign_time" :tipText="'距开始'" :tipTextEnd="'收货截止'" :endText="'交易关闭'" :dayTxt="'天'" :hourTxt="'时'" :minutesTxt="'分'" :secondsTxt="'秒'"></count-down>
				<p>超时自动确认收货</p>
			</div>
			<!--已收货-->
			<div class="pay-time" v-if="auctionOrder.pay_state == 1 && goodsOrder.order_state == 40">
				<p class="end">感谢您对好文玩拍卖平台的支持</p>
				<p>买家已确认收货</p>
			</div>

			<div class="pay-time" v-if="goodsOrder.order_state == 35 && goods_return.return_state == null">
				<p class="end">退款金额：￥{{goods_return.return_money}}</p>
				<p>确认截止时间：{{common.timestampToTime(goods_return.return_starttime + 86400 * 2)}}</p>
			</div>

			<div class="pay-time" v-if="goodsOrder.order_state == 36 && goods_return.express_number == null">
				<p class="end">退款金额：￥{{goods_return.return_money}}</p>
				<p>同意时间：{{common.timestampToTime(goods_return.return_endtime)}}</p>
			</div>
			<div class="pay-time" v-if="goodsOrder.order_state == 36 && goodsOrder.pay_state != 2 && goods_return.express_number != null">
				<p class="end">退款金额：￥{{goods_return.return_money}}</p>
				<p>确认截止：{{common.timestampToTime(goods_return.express_time + 86400 * 7)}}</p>
			</div>
			<div class="pay-time" v-if="goodsOrder.pay_state == 2">
				<p class="end">失败原因：买家退款</p>
				<p>失败时间：{{common.timestampToTime(goods_return.return_endtime)}}</p>
			</div>

		</div>
		<div class="infoWrap">
			<div class="buyer">
				<img src="../assets/images/home/icon_nick.png" alt="" />
				<p>买家昵称:&nbsp;{{goodsOrder.member_nickname}}</p>
			</div>
			<div class="street" v-if="auctionOrder.pay_state != 0 && goodsOrder.order_from != 'auction_signup'">
				<img src="../assets/images/home/icon_address.png" alt="" />
				<div class="way">
					<p class="tel">
						<span>收&nbsp;货&nbsp;&nbsp;人 : &nbsp;</span><i>{{goodsOrder.receiver_name}}</i>
						<b>{{goodsOrder.receiver_tel}}</b>
					</p>
					<p class="address">
						<span>收货地址 : </span>
						<b>{{goodsOrder.receiver_province}}{{goodsOrder.receiver_city}}{{goodsOrder.receiver_county}}{{goodsOrder.receiver_address}}</b>
					</p>
				</div>
			</div>
			<div class="buyer" v-if="goodsOrder.order_state > 20">
				<img src="../assets/images/home/icon_flow_seller.png" alt="" />
				<p>物流信息：{{goodsOrder.express_comanay}} ({{goodsOrder.express_number}})</p>
			</div>
			<div class="buyer">
				<img src="../assets/images/home/icon_beizhu.jpg" alt="" />
				<p>客户备注:{{goodsOrder.member_nickname}}</p>
			</div>
		</div>
		<div class="buyInfo">
			<div v-if="goodsOrder.order_from == 'auction_signup' || goodsOrder.order_from == 'auction_order'">
				<router-link :to="'/Detail/id/' + auctionOrder.auction_id">
					<div class="pic_bar vux-1px-b">
						<img v-if="auctionOrder.goods.goods_id == undefined" src="../assets/images/home/defaultImg.jpg" alt="" />
						<img v-else :src="'/los/uploads/thumb/goods/' + auctionOrder.goods.goods_id + '_76X76.jpeg'" alt="" />
						<div class="right">
							<p>{{auctionOrder.goods.goods_name}}</p>
							<p class="price"><span>￥{{goodsOrder.pay_money}}</span>（成交价）</p>
							<div class="content">发货期限：{{common.timestampToTime(goodsOrder.order_time + 86400 * 3)}}</div>
						</div>
					</div>
				</router-link>
				<div v-if="goodsOrder.order_state == 35 || goodsOrder.order_state == 36" class="return-money">退款金额：<span>￥{{goods_return.return_money}}</span></div>
			</div>

			<div v-if="goodsOrder.order_from == 'seckill_order'">
				<router-link :to="'/ZoneDetail/id/' + auctionOrder.seckill_id">
					<div class="pic_bar vux-1px-b">
						<img v-if="auctionOrder.goods.goods_id == undefined" src="../assets/images/home/defaultImg.jpg" alt="" />
						<img v-else :src="'/los/uploads/thumb/goods/' + auctionOrder.goods.goods_id + '_76X76.jpeg'" alt="" />
						<div class="right">
							<p>{{auctionOrder.goods.goods_name}}</p>
							<p class="price"><span>￥{{goodsOrder.pay_money}}</span>（成交价）</p>
							<div class="content"></div>
						</div>
					</div>
				</router-link>
				<div v-if="goodsOrder.order_state == 35 || goodsOrder.order_state == 36" class="return-money">退款金额：<span>￥{{goods_return.return_money}}</span></div>
			</div>
		</div>
		<div class="promise">
			<p><span>商品小计</span><b>￥{{goodsOrder.pay_money}}</b></p>
			<p><span>运费</span><b>￥0.00</b></p>
			<p><span style="font-size: 0.37rem;color: #333;">实付款</span><b style="font-size: 0.4rem;">￥{{goodsOrder.pay_money}}</b></p>
		</div>
		<div class="promise">
			<p><span>配送方式</span>
				<b v-if="goodsOrder.express_comanay != '上门自取'">快递配送</b>
				<b v-else>上门自取</b>
			</p>
		</div>
		<div class="order-time">
			<ul v-if="goodsOrder.pay_state != 0 && goodsOrder.order_from != 'auction_signup' && goodsOrder.express_number != null && goodsOrder.express_number != ''">
				<li>
					<p><span>物流公司</span><b>{{goodsOrder.express_comanay}}</b></p>
				</li>
				<li>
					<p>
						<span>快递单号</span><b>{{goodsOrder.express_number}}</b>
						<i @click="copy()" class="tag-read" :data-clipboard-text="order_copy">复制</i>
					</p>
				</li>
			</ul>
			<ul class="jie">
				<li>
					<div class="contact">
						<span>买家电话</span><b>{{goodsOrder.receiver_tel}}</b>
						<div class="tel">
							<a :href="'tel:' + member_mobile">
								<i class="pm-icon icon-tel"></i>
								<span>联系买家</span>
							</a>
						</div>
					</div>
				</li>
				<li>
					<p><span>下单时间</span><b>{{common.timestampToTime(goodsOrder.order_time)}}</b></p>
				</li>
				<li>
					<p>
						<span>订单编号</span><b>{{auctionOrder.order_sn}}</b>
					</p>
				</li>
			</ul>
		</div>
		<div v-if="goodsOrder.order_state == 35 || goodsOrder.order_state == 36" class="return-cause">
			<h2 class="vux-1px-b">售后信息 <span>{{common.timestampToTime(goods_return.return_starttime).substring(5)}}</span></h2>
			<div class="desc">买家-{{goods_return.return_cause}}</div>
		</div>
		<div class="reason-wrap" v-if="goodsOrder.order_state == 36">
			<h2 class="vux-1px-b">退货地址</h2>
			<p>收货人：<span>{{goods_return.receiver_name}}</span><b>{{goods_return.receiver_tel}}</b></p>
			<p>收货地址：{{goods_return.receiver_province}}{{goods_return.receiver_city}}{{goods_return.receiver_county}}{{goods_return.receiver_address}}</p>
		</div>
		<div v-if="goodsOrder.order_from != 'auction_signup'" style="width: 100%;height: 1.3rem;">
			<div class="pay" v-if="goodsOrder.order_state == 10 && curTime < goodsOrder.order_time + 86400 * 3">
				<b @click="remindPay(goodsOrder.order_sn)">付款提醒</b>
			</div>
			<div class="pay" v-if="goodsOrder.order_state == 20 && goodsOrder.express_comanay == '快递配送'">
				<b @click="whiteLog(goodsOrder.order_sn)">填写物流</b>
			</div>
			<div class="pay" v-if="goodsOrder.order_state == 20 && goodsOrder.express_comanay != '快递配送'">
				<b @click="confirmShip(goodsOrder.order_sn)">确认发货</b>
			</div>
			<div class="pay" v-if="goodsOrder.order_state == 30 && goodsOrder.express_comanay != '上门自取'">
				<router-link :to="'/FlowProgress/order_sn/'+ goodsOrder.order_sn">
					<b>查看物流</b>
				</router-link>
				<b @click="remindBuyer(goodsOrder.order_sn)">提醒已发货</b>
			</div>
			<div class="pay" v-if="goodsOrder.order_state == 35 && goods_return.return_state == null">
				<router-link :to="'/SellerReturn/return_sn/' + goods_return.return_sn + '?typeName=同意退货'">
					<b>同意退货</b>
				</router-link>
				<router-link :to="'/SellerReturn/return_sn/' + goods_return.return_sn + '?typeName=拒绝退货'">
					<b>拒绝退货</b>
				</router-link>
			</div>
			<div class="pay" v-if="goodsOrder.order_state == 36 && goodsOrder.pay_state != 2  && goods_return.express_number != null">
				<router-link :to="'/SellerReturn/return_sn/' + goods_return.return_sn + '?typeName=确认退款'">
					<b>确认退款</b>
				</router-link>
			</div>
			<!--<div class="pay" v-if="goodsOrder.order_state == 40">
				<b @click="applyPay(goodsOrder.order_sn)">申请回款</b>
			</div>-->
		</div>
		<toast v-model="success" type="text" width='4rem' is-show-mask>{{msg}}</toast>
	</div>
</template>

<script>
	import { XHeader, Toast } from "vux";
	import $ from 'jquery';
	import Clipboard from 'clipboard';
	import CountDown from "vue2-countdown";
	export default {
		data() {
			return {
				goodsOrder: '',
				auctionOrder: '',
				return_record: [],
				curTime: '',
				order_copy: '',
				success: false,
				msg: '',
				confirm: '',
				tracknum: '',
				sign_time: '',
				express_comanay: '',
				express_number: '',
				member_mobile: '',
				return_sn: '',
				return_time: '',
				goods_return: {},
				note: {
					backgroundImage: "url(" + require("../assets/images/home/seller_order_bg.png") + ")",
					backgroundRepeat: "no-repeat",
					backgroundSize: "100% 100%",
				},
			};
		},
		components: {
			XHeader,
			CountDown,
			Toast
		},
		mounted() {
			this.getOrderInfo();
			if(this.$route.query.return_sn) {
				this.return_sn = this.$route.query.return_sn;
				this.getReturnRecord();
			}
		},

		methods: {
			getOrderInfo: function() {
				let order_sn = this.$route.params.order_sn;
				this.$http({
					method: 'GET',
					url: '/los/api/member/goods_order_info.json?order_sn=' + order_sn,
					data: ''
				}).then((result) => {
					this.goodsOrder = result.data.goods_order;
					if(result.data.auction_order) {
						this.auctionOrder = result.data.auction_order;
						this.sign_time = this.auctionOrder.sign_time;
						if(this.sign_time < this.auctionOrder.express_time + 86400 * 7) {
							this.sign_time = this.auctionOrder.express_time + 86400 * 7;
						}
					} else if(result.data.seckill_order) {
						this.auctionOrder = result.data.seckill_order;
					} else if(result.data.auction_signup) {
						this.auctionOrder = result.data.auction_signup;
					}
					this.order_copy = this.goodsOrder.express_number;
					this.curTime = result.data.cur_time;
					this.member_mobile = this.auctionOrder.shop.member.member_mobile;
					if(this.goodsOrder.order_state == 35) {
						this.getGoodsReturn();
					}
				}).catch((err) => {

				})
			},
			//退款记录
			getReturnRecord: function() {
				this.$http({
					method: 'GET',
					url: '/los/api/seller/goods_return_details.json?return_sn=' + this.return_sn,
					data: ''
				}).then((result) => {
					if(result.data.code == 1) {
						this.goods_return = result.data.data.goods_return;
						this.return_time = this.goods_return.add_time.substring(5);
					}
				}).catch((err) => {

				})
			},

			//复制订单链接
			copy() {
				var _this = this;
				var clipboard = new Clipboard('.tag-read');
				clipboard.on('success', function(e) {
					_this.success = !_this.success;
					_this.msg = '复制成功';
				})
				clipboard.on('error', e => {
					_this.success = !_this.success;
					_this.msg = '该浏览器不支持自动复制';
					clipboard.destroy();
				})
			},
			//提醒付款
			remindPay: function(order_sn, index) {
				let params = {
					order_sn: order_sn
				}
				this.$http({
					method: 'POST',
					url: '/los/api/member/order_pay_notice.json',
					data: params
				}).then((result) => {
					console.log(result);
					if(result.data.code == 1) {
						this.success = !this.success;
						this.msg = '提醒成功';
					}
				})
			},
			//确认发货
			confirmShip: function(order_sn) {
				let params = {
					order_sn: order_sn
				}
				this.$http({
					method: 'POST',
					url: '/los/api/seller/order_deliver.json',
					data: params
				}).then((result) => {
					console.log(result);
					if(result.data.code == 1) {
						this.success = !this.success;
						this.msg = '确认已发货';
						this.$nextTick(() => {
							this.getOrderInfo();
						})
					}
				})
			},
			//提醒买家已发货
			remindBuyer: function(order_sn) {
				let params = {
					order_sn: order_sn
				}
				this.$http({
					method: 'POST',
					url: '/los/api/seller/deliver_wxmsg.json',
					data: params
				}).then((result) => {
					console.log(result);
					if(result.data.code == 1) {
						this.success = !this.success;
						this.msg = result.data.msg;
						this.$nextTick(() => {
							this.getOrderInfo();
						})
					}
				})
			},
			//申请回款
			applyPay: function(order_sn) {
				let params = {
					order_sn: order_sn
				}
				this.$http({
					method: 'POST',
					url: '/los/api/auction/order_return_money.json',
					data: params
				}).then((result) => {
					console.log(result);
					if(result.data.code == 1) {
						this.success = !this.success;
						this.msg = '申请已提交';
						this.$nextTick(() => {
							this.getOrderInfo();
						})
					}
				})
			},
			whiteLog: function(order_sn) {
				location.href = '#/WriteLogistics/order_sn/' + order_sn
			},

			//获取退货记录
			getGoodsReturn: function() {
				let order_sn = this.$route.params.order_sn;
				this.$http({
					method: 'GET',
					url: '/los/api/seller/goods_return.json?order_sn=' + order_sn + '&order_from=' + this.goodsOrder.order_from
				}).then((result) => {
					if(result.data.code == 1) {
						this.return_record = result.data.data.goods_return.reverse().splice(3);
					} else {
						this.return_record = ''
					}
				}).catch((err) => {

				})
			},
			back: function() {
				window.history.go(-1);
			}
		}
	};
</script>

<style scoped>
	#OrderInfo {
		padding-bottom: 1.6rem;
	}
	
	.header {
		background: #fff;
	}
	
	#OrderInfo {
		position: relative;
	}
	
	.title-bar {
		width: 100%;
		height: 1.92rem;
		overflow: hidden;
		padding: 0.26rem;
	}
	
	.title-bar .wait {
		float: left;
		margin-top: 0.21rem;
	}
	
	.title-bar .wait span {
		font-size: 0.4rem;
		color: #fff;
	}
	
	.title-bar .pay-time {
		float: right;
		margin-top: 0.21rem;
		color: #fff;
		text-align: right;
	}
	
	.title-bar .pay-time p {
		font-size: 0.32rem;
		margin-top: 0.29rem;
	}
	
	.title-bar .pay-time .end {
		font-size: 0.34rem;
		line-height: 1;
		margin-top: 0;
	}
	/*买家卖家信息*/
	
	.infoWrap {
		padding: 0 0.26rem;
		background: #fff;
	}
	
	.infoWrap .buyer {
		overflow: hidden;
		height: 1.06rem;
		line-height: 1.06rem;
	}
	
	.infoWrap .buyer p {
		float: right;
		width: 93.5%;
		font-size: 0.34rem;
		color: #777;
		position: relative;
	}
	
	.infoWrap .buyer:first-child p:after {
		content: " ";
		position: absolute;
		left: 0;
		top: 1rem;
		right: 0;
		height: 1px;
		border-bottom: 1px solid #e6e6e6;
		color: #e6e6e6;
		transform-origin: 0 0;
		transform: scaleY(0.5);
	}
	
	.infoWrap .street {
		overflow: hidden;
	}
	
	.infoWrap .street .way {
		float: right;
		width: 93.5%;
		font-size: 0.34rem;
		color: #333;
		position: relative;
		padding: 0.26rem 0;
	}
	
	.infoWrap .street .way:after {
		content: " ";
		position: absolute;
		left: 0;
		top: 2.2rem;
		right: 0;
		height: 1px;
		border-bottom: 1px solid #e6e6e6;
		color: #e6e6e6;
		transform-origin: 0 0;
		transform: scaleY(0.5);
	}
	
	.infoWrap .street .way .tel {
		overflow: hidden;
	}
	
	.infoWrap .street .way .tel span {
		font-size: 0.34rem;
		color: #777;
	}
	
	.infoWrap .street .way .tel i {
		font-size: 0.34rem;
		color: #333;
		font-style: normal;
	}
	
	.infoWrap .street .way .tel b {
		float: right;
		font-weight: normal;
		color: #333;
	}
	
	.infoWrap .street .way .address {
		margin-top: 0.26rem;
	}
	
	.infoWrap .street .way .address span {
		font-size: 0.34rem;
		color: #777;
	}
	
	.infoWrap .street .way .address b {
		font-weight: normal;
		font-size: 0.34rem;
		color: #333;
		float: right;
		width: 82%;
		line-height: 0.53rem;
		height: 1.06rem;
		overflow: hidden;
	}
	
	.infoWrap img {
		float: left;
		width: 0.32rem;
		height: 0.32rem;
		margin: 0.34rem 0.2rem 0 0;
	}
	/*快递弹窗*/
	
	.confirm {
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.6);
		position: absolute;
		display: none;
		top: 0;
	}
	
	.confirm .wrap {
		width: 76%;
		background: #fff;
		position: absolute;
		top: 30%;
		left: 12%;
		border-radius: 0.05rem;
	}
	
	.confirm .wrap .inputWrap {
		padding: 0.26rem 0.5rem;
	}
	
	.confirm input {
		width: 100%;
		height: 1.13rem;
		background: #f3f3f3;
		margin-top: 0.4rem;
		text-align: center;
	}
	
	.confirm .button {
		margin-top: 0.4rem;
		display: flex;
	}
	
	.confirm .button span {
		float: left;
		text-align: center;
		font-size: 0.42rem;
		line-height: 1.3rem;
		flex-grow: 1;
	}
	
	.confirm .button span:last-child:after {
		display: none;
	}
	
	.buyInfo {
		margin-top: 0.26rem;
		background: #fff;
		padding: 0 0.26rem;
		overflow: hidden;
	}
	
	.buyInfo .pic_bar {
		padding: 0.26rem 0 0;
		width: 100%;
		height: 2.8rem;
	}
	
	.buyInfo .pic_bar img {
		width: 2.05rem;
		height: 2.05rem;
		float: left;
		border-radius: .05rem;
	}
	
	.buyInfo .pic_bar .right {
		float: left;
		margin-top: .05rem;
		margin-left: .34rem;
		height: 2rem;
		width: 6.93rem;
		position: relative;
	}
	
	.buyInfo .pic_bar .right p {
		font-size: 0.37rem;
		line-height: 0.5rem;
		color: #333;
		overflow: hidden;
		text-align: left;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	.buyInfo .pic_bar .right .price {
		line-height: 0.56rem;
		margin-top: 0.2rem;
		font-size: 0.32rem;
		color: #aaa;
	}
	
	.buyInfo .pic_bar .right span {
		color: #dd2828;
		font-size: 0.42rem;
	}
	
	.buyInfo .pic_bar .right .content {
		color: #aaa;
		font-size: 0.32rem;
		overflow: hidden;
		text-align: left;
		margin-top: 0.22rem;
	}
	
	.buyInfo .pic_bar .right b {
		font-weight: normal;
		color: #DA4240;
		font-size: 0.42rem;
		display: block;
		float: left;
	}
	
	.buyInfo .pic_bar .numWrap {
		float: left;
		width: 80%;
		margin-top: 0.37rem;
	}
	
	.buyInfo .return-money {
		height: 1.06rem;
		line-height: 1.06rem;
		float: right;
		font-size: 0.37rem;
		color: #222;
	}
	
	.buyInfo .return-money span {
		color: #dd2828;
	}
	
	.promise {
		color: #333;
		overflow: hidden;
		position: relative;
		background: #fff;
		padding: 0.26rem;
		margin-top: 0.26rem;
	}
	
	.promise p {
		width: 100%;
		height: 0.81rem;
		line-height: 0.81rem;
		color: #777;
	}
	
	.promise p:nth-child(3) b {
		color: #dd2828;
	}
	
	.promise span {
		float: left;
		font-size: 0.34rem;
		color: #777;
	}
	
	.promise b {
		float: right;
		font-weight: normal;
		font-size: 0.34rem;
		color: #777;
	}
	
	.order-time {
		color: #777;
		overflow: hidden;
		margin-top: 0.26rem;
		background: #fff;
	}
	
	.order-time ul {
		padding: 0.26rem;
	}
	
	.order-time li {
		height: 0.7rem;
		line-height: 0.7rem;
	}
	
	.order-time .jie {
		position: relative;
	}
	
	.order-time .jie:after {
		content: " ";
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 1px;
		border-bottom: 1px solid #e6e6e6;
		color: #e6e6e6;
		transform-origin: 0 0;
		transform: scaleY(0.5);
	}
	
	.order-time .jie .contact .tel {
		float: right;
		overflow: hidden;
		border: solid 1px #e6e6e6;
		width: 2.21rem;
		height: 0.56rem;
		line-height: 0.56rem;
		border-radius: 0.28rem;
	}
	
	.order-time .jie .contact .tel i {
		float: left;
		margin: 0.1rem 0.1rem 0.1rem 0.2rem;
	}
	
	.order-time .jie .contact .tel span {
		font-size: 0.32rem;
		color: #777;
	}
	
	.order-time li p {
		width: 100%;
		height: 0.72rem;
		line-height: 0.68rem;
		overflow: hidden;
	}
	
	.order-time:nth-child(2):after {
		border: none;
	}
	
	.order-time:nth-child(3) b {
		color: #dd2828;
	}
	
	.order-time span {
		float: left;
		font-size: 0.34rem;
	}
	
	.order-time b {
		float: left;
		margin-left: 0.26rem;
		font-weight: normal;
		font-size: 0.34rem;
	}
	
	.order-time .tag-read {
		float: right;
		font-style: normal;
		color: #333;
		width: 1.44rem;
		margin-right: 2.2rem;
		text-align: center;
		border-radius: 1.2rem;
		font-size: 0.32rem;
		border: solid 1px #ccc;
	}
	
	.pay {
		position: fixed;
		bottom: 0;
		height: 1.3rem;
		background: #fff;
		overflow: hidden;
		width: 100%;
		padding: 0 0.26rem;
		line-height: 1.3rem;
		border-top: solid 1px #f3f3f3;
	}
	
	.pay p {
		float: left;
		font-size: 0.37rem;
	}
	
	.pay p span {
		font-size: 0.34rem;
		color: #dd2828;
	}
	
	.pay b {
		float: right;
		font-weight: normal;
		color: #a30000;
		padding: 0 0.26rem;
		height: 0.74rem;
		line-height: .74rem;
		text-align: center;
		margin-top: .25rem;
		border-radius: 0.34rem;
		font-size: 0.34rem;
		border: solid 1px #a30000;
		margin-left: 0.26rem;
	}
	
	.reason-wrap {
		padding-bottom: 0.26rem;
		background: #fff;
		margin-top: 0.26rem;
	}
	
	.reason-wrap h2 {
		font-size: 0.4rem;
		color: #222;
		height: 1.17rem;
		line-height: 1.17rem;
		padding: 0 0.26rem;
	}
	
	.reason-wrap p {
		font-size: 0.37rem;
		color: #666;
		line-height: 0.56rem;
		padding: 0.26rem 0.26rem 0;
	}
	
	.reason-wrap p span {
		color: #333;
	}
	
	.reason-wrap p b {
		font-weight: normal;
		margin-left: 0.53rem;
		color: #333;
	}
	
	.return-cause {
		padding: 0 0.26rem;
		margin-top: 0.26rem;
		background: #fff;
	}
	
	.return-cause h2 {
		width: 100%;
		height: 1.17rem;
		line-height: 1.17rem;
		font-size: 0.4rem;
		color: #222;
		overflow: hidden;
	}
	
	.return-cause h2 span {
		float: right;
		color: #666;
		font-size: 0.34rem;
	}
	
	.return-cause .desc {
		width: 100%;
		line-height: 0.6rem;
		font-size: 0.37rem;
		color: #666;
		padding: 0.26rem 0;
	}
</style>